.#{$prefix}-p-login{  
  // position: absolute;
  display: flex;
  width: 100vw;
  height: 100vh;
  min-width: 1024px;
  min-height: 768px;
  // top: 0;
  // left: 0;
  // bottom: 0;
  // right: 0;
  // background: transparent url('../assets/images/login_bg.png') no-repeat left center;
  // background-attachment: fixed;
  // background-size: 66vw auto;
  .system-main {
    flex: 1;
    background: transparent url('../assets/images/login_bg_2.png') no-repeat left center;
    // background-attachment: fixed;
    background-size: cover;
    // img {
    //   width: 100%;
    //   height: 100%;
    //   object-fit: cover;
    // }
  }
  // .system-name-wrapper {
  //   width: calc(100% - 34vw);
  //   padding-top: 118px;
  //   color: #333;
  //   display: flex;
  //   flex-direction: column;
  //   justify-content: center;
  //   align-items: center;
  //   .sys-box {
  //     position: relative;
  //     padding-top: 89px;
  //     .system-icon {
  //       position: absolute;
  //       top: 0;
  //       left: 0;
  //       width: 64px;
  //       height: 57px;
  //       background: transparent url('../assets/images/LOGO.svg') no-repeat;
  //       background-size: contain;
  //     }
  //   }
  //   .system-name {
  //     font-size: 56px;
  //     line-height: 64px;
  //     text-align: center;
  //     font-weight: bold;
  //   }
  //   .system-desc {
  //     margin-top: 32px;
  //     font-size: 18px;
  //     line-height: 26px;
  //     text-align: left;
  //     letter-spacing: 0.16em;
  //   }
  // }
  .login-box{
    // position: absolute;
    // top: 0;
    // bottom: 0;
    // right: 0;
    width: 34%;
    min-width: 350px;
    padding: 0 2.9vw 0 3.3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    .form-con {
      width: 19.4vw;
    }
    .el-button--primary.is-disabled {
      border-color: #ccc;
      background-color: #ccc;
      color: #333;
    }
    .el-button--primary {
      border-color: #327EF6;
      background-color: #327EF6;
    }
    .input-custom{
      .el-input__inner{
        height: 32px;
        line-height: 32px;
      }
      .el-input__suffix-inner{
        line-height: 32px;
      }
    }
    .el-input__inner{
      background-color: #F7F7F7;
      border-color: #F7F7F7;
      color: #333;
      &:focus{
        background-color: #fff;
        border-color: #327ef6;
      }
    }
    .bottom-tips{
      position: absolute;
      bottom: 6.14vw;
      text-align: center;
      font-size: 0.9375vw;
      font-weight: 400;
      color: #333;
      line-height: 1.30vw;
      a {
        margin-left: 4px;
        color: $color-primary;
      }
      &.flex {
        display: flex;
        .bottom-tips-right {
          text-align: left;
        }
      }
    }
    .identity-label {
      position: absolute;
      top: 30px;
      right: 12%;
      font-weight: bold;
      color: #333;
      font-size: 16px;
    }
  }
  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.22vw;
    // font-size: 2.19vw;
    // font-size: 42px;
    font-weight: 600;
    color: #333;
    line-height: 2.4vw;
    margin-bottom: 3.05vw;
    white-space: nowrap;
    overflow: hidden;
    .el-dropdown {
      font-size: 14px;
      font-weight: normal;
    }
  }

}
